*{
  margin: 0;
  padding: 0;
}
.details{
  width: 100%;
  position: relative;
  padding-top: .01rem;
  background-color: #111111;
  padding-bottom: .18rem;
  position: relative;
  // height: 100vh;
  // 头部导航
  .top_nav{
    width: 100%;
    background-color: #212631;
    height: 1.12rem;
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;

    .left{
      width: 2.3rem;
        height: .61rem;
      img{
        width: 2.3rem;
        height: .61rem;
      }
    }
    .content{
      font-size: .27rem;
      color: #fefefe;
      margin-top: .6rem;
      margin-left: -.7rem;
    }
    .right{
      width: 1.7rem;
        height: .61rem;
      img{
        width: 1.7rem;
        height: .61rem;
      }
    }
  }

  // 图片
  .tu{
    width: 100%;
    height: 2.93rem;
    margin-top: 1.1rem;
    img{
      width: 100%;
    height: 2.93rem;
    }
  }
.detail-box{
  width: 100%;
  background-color: #1f1f1f;
}
  // 详情
  .detail{
    width: 90%;
    margin: 0 auto;
    padding-top: .16rem;
    .top-box{
      width: 100%;
      font-size: .3rem;
      color: #d14126;
      display: flex;
      justify-content: space-between;
      .right{
        font-size: .21rem;
        color: #969696;
        .icon-shoucang{
          font-size: .31rem;
          color: #969696;
          margin-right: .07rem;
        }
        .icon-xiai{
          font-size: .31rem;
          color: #969696;
          margin-left: .43rem;
          margin-right: .22rem;
        }
      }
    }

    .middle-box{
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-top: .15rem;
      .left{
        
        .top{
          font-size: .31rem;
          color: #b73b25;
        }
        .bottom{
          display: flex;
          margin-top: .59rem;
          .yjia{
            font-size: .22rem;
            color: #fff;
            background-color: #434343;
            // padding: .09rem .24rem;
            width: .92rem;
            height: .39rem;
            line-height: .39rem;
            text-align: center;
            border-radius: .05rem;
          }
          .zhneg{
            font-size: .22rem;
            color: #fff;
            background-color: #434343;
            // padding: .09rem .24rem;
            width: 1.53rem;
            height: .39rem;
            line-height: .39rem;
            text-align: center;
            border-radius: .05rem;
           margin-left: .18rem;
          }
        }
       
      }
      .right{
        width: 1.19rem;
        height: 1.14rem;
        margin-top: .17rem;
        img{
          width: 1.19rem;
          height: 1.14rem;
          border-radius: .1rem;
        }
      }
    }

    // 导航
    .nav{
      margin-top: .44rem;
      font-size: .3rem;
      color: #fff;
      display: flex;
      justify-content: space-between;
      padding-bottom: .15rem;
      .navbottom{
        color: #d14126;
        height: .47rem;
        border-bottom: solid .06rem #d14126;
      }
    }
  }

  // 内容详情
  .content-details{
    width: 90%;
    margin: 0 auto;
    margin-top: .25rem;
    .content-boss{
      width: 100%;
      background-color: #1f1f1f;
      height: 2rem;
      border-radius: .05rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: .25rem;
      .top1{
        margin-top: -1.3rem;
        .iconfont{
          font-size: .24rem;
          color: #ff0000;
          margin-left: .4rem;
        }
        span{
          font-size: .26rem;
          color: #ff0000;
          margin-left: -0.2rem;
        }
        .cont2{
          color: #969696;
          font-size: .2rem;
          margin-left: .77rem;
        }
      }
      .img0{
        width: 1.44rem;
        height: 1.12rem;
        margin-right: .35rem;
        div{
          font-size: .25rem;
          color: #fff;
          margin-left: .2rem;
          margin-top: -0.2rem;
        }
        img{
          width: 1.44rem;
          height: 1.12rem;
          border-radius: .05rem;
        }
      }
    }
  }
  // 预约
  .reservation{
    width: 98%;
    height: .83rem;
    background-color: #d14126;
    font-size: .33rem;
    color: #fff;
    line-height: .83rem;
    text-align: center;
    margin-bottom: .2rem;
    border-radius: .8rem;
    margin: 0 auto;
  }
}